<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<tr:document xmlns="http://www.w3.org/1999/xhtml"
             xmlns:ui="http://java.sun.com/jsf/facelets"
             xmlns:h="http://java.sun.com/jsf/html"
             xmlns:f="http://java.sun.com/jsf/core"
             xmlns:tr="http://myfaces.apache.org/trinidad"
             xmlns:mias="http://www.monsters.inc/mias"
             xmlns:c="http://java.sun.com/jstl/core">

<ui:composition template="templates/template.xhtml">
  <!--
       This page contains an edit form for editing a Kid's properties.
  -->
  <ui:define name="title">Edit employee</ui:define>
  <ui:define name="content"> 
      <h:inputHidden id="extValWarnState" value="#{extValWarnState.continueWithWarnings}" />
      <tr:panelFormLayout> 
        <tr:group>
          <mias:field id="id" bean="#{pageFlowScope.selectedEmployee}" readOnly="true" />
          <mias:field id="firstName" bean="#{pageFlowScope.selectedEmployee}" />
          <mias:field id="lastName" bean="#{pageFlowScope.selectedEmployee}"  />
          <mias:dateField id="birthDate" bean="#{pageFlowScope.selectedEmployee}" popup="true"  />
        </tr:group>
        <tr:group>
          <mias:field id="jobTitle" bean="#{pageFlowScope.selectedEmployee}"/>
          <mias:dateField id="hireDate" bean="#{pageFlowScope.selectedEmployee}" popup="true"  />
          <mias:field id="salary" bean="#{pageFlowScope.selectedEmployee}">
            <tr:convertNumber type="currency"/>
          </mias:field>
        </tr:group>
        
        <f:facet name="footer">
          <tr:panelButtonBar>
            <tr:commandButton text="#{msg.apply}" action="apply"
                              partialSubmit="true" id="btnApply"
                              actionListener="#{empsTable.saveSelected}"/>
            <tr:commandButton text="#{msg.ok}" action="ok" actionListener="#{empsTable.saveSelected}"/>
            <tr:commandButton text="#{msg.cancel}" action="cancel" immediate="true" />
          </tr:panelButtonBar>
        </f:facet>
      </tr:panelFormLayout> 
  </ui:define>
</ui:composition>

</tr:document>